<template>
  <div class="textdd">
    <NavBar title="会员订单" left-arrow @click-left="onClickLeft" />
    <div>
      <Tabs v-model="active">
        <Tab v-for="(item,index) in title" :key="index" :title="item.title">
          
        </Tab>
      </Tabs>
    </div>
  </div>
</template>

<script>
import { Tab, Tabs, NavBar } from "vant";
import { getMyOrder } from "../../https/https";
export default {
  components: {
    Tab,
    Tabs,
    NavBar,
  },
  data() {
    return {
      active: 2,
      title: [
        { title: "全部订单", value: "1" },
        { title: "待支付", value: "2" },
        { title: "已完成", value: "3" },
        { title: "已取消", value: "4" },
      ],
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
  mounted() {
    this.active = 0;
    getMyOrder({
      limit: 10,
      order_status: 0,
      order_type: 3,
      page: 1,
    }).then((res) => {
      console.log(res);
      this.list1 = res.list;
    });
  },
};
</script>

<style>
</style>